<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/punlun.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
</head>
<body>
    <div id="header">
        <img class="i1" src="../jp/捕获1.PNG" alt="">
        <div id="logo">
            <h1> <a class="navbar-brand px-0 mx-0" href="index.html">A.S Hair Salon
            </a>
                <!--            <a  class="a1" href="">HOME&nbsp;&nbsp;&nbsp;</a>-->
                <a class="a1" href="">ABOUT&nbsp;&nbsp;&nbsp;</a>
                <a class="a1" href="">PROJECTS&nbsp;&nbsp;&nbsp;</a>
                <a class="a1" href="">CONTACT</a>
            </h1>
        </div>
    </div>
    <div id="user">
        <form action="">
            <table id="table1">
                <tr>
                    <td><input type="text" placeholder="用户名/手机号"></td>
                </tr>
                <tr>
                    <td><input type="text" placeholder="密码"></td>
                </tr>
                <tr>
                    <td><input type="button" value="登录"id="login"></td>
                    <td><input type="button" value="注册" id="reg"></td>
                </tr>
            </table>
        </form>
    </div>
    <div id="mian">
            <div class="content">
                <div id="title"><h1>热卖区</h1></div>
                <div class="content_child">
                    <span class="span1"><img src="" alt="商品图片"></span>
                    <span class="span2"></span>
                    <span class="span3"><img src="" alt="点赞"><p>0</p></span>
                    <span class="span4"><img src="" alt="评论"></span>
                </div>
                <div class="content_child">
                    <span class="span1"><img src="" alt="商品图片"></span>
                    <span class="span2"></span>
                    <span class="span3"><img src="" alt="点赞"><p>0</p></span>
                    <span class="span4"><img src="" alt="评论"></span>
                </div>
                <div class="content_child">
                    <span class="span1"><img src="" alt="商品图片"></span>
                    <span class="span2"></span>
                    <span class="span3"><img src="" alt="点赞"><p>0</p></span>
                    <span class="span4"><img src="" alt="评论"></span>
                </div>
                <div class="content_child">
                    <span class="span1"><img src="" alt="商品图片"></span>
                    <span class="span2"></span>
                    <span class="span3"><img src="" alt="点赞"><p>0</p></span>
                    <span class="span4"><img src="" alt="评论"></span>
                </div>
                <div id="limit">
                    <a href="" class="a2">首页</a>
                    <a href="" class="a2">1</a>
                    <a href="" class="a2">2</a>
                    <a href="" class="a2">下一页</a>
                </div>

            </div>
    </div>
        <div id="footer">
        <div class="foot_t">
            <div id="zuo_boby">
                <h2 id="ft_title">A.S Hair Salon</h2>
                <p>Lorem Ipsum is simply text the printing and<br>typesetting standard industry.
                    Onec Consequat<br> sapien ut cursus rhoncus. Nullam dui mi,<br> vulputate ac metus.
                </p>
                <h3>Trusted by<span style="color: orange">500+ People</span></h3>
                <img src="微信.webp" alt="" class="tubiao">
                <img src="qq.webp" alt="" class="tubiao">
            </div>
        </div>
        <div class="foot_t">
            <div id="mid_boby">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="" class="lianjie">>>&nbspHome</a></li>
                    <li><a href="" class="lianjie">>>&nbspAbout Us</a></li>
                    <li><a href="" class="lianjie">>>&nbspSingle Page</a></li>
                    <li><a href="" class="lianjie">>>&nbspTeam</a></li>
                    <li><a href="" class="lianjie">>>&nbspContact Us</a></li>
                </ul>
            </div>
        </div>
        <div class="foot_t">
            <div id="you_boby">
                <h4>Contact Info</h4>
                <p id="id1">地址:90 nsequursu dsdesdc, xxx Honey Street 049436.Newyork, NY.</p>
                <p id="id2">电话:+1(12) 123 456 789</p>
                <p id="id3">座机:+1(12) 123 456 789</p>
                <p><a href="" class="lianjie">邮箱:123456789@qq.com</a></p>
            </div>
        </div>
    </div>
    </div>
</body>
</html>